﻿body {
	color: #e3e3e3;
	background: url(../../images/layout/bg.jpg);
	font-size: 13px;
	font-family: "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;
	line-height: 1.2;

	a {
		color: #e3e3e3;
		text-decoration: underline;

		&:hover {
			text-decoration: none;
		}
	}

	.red {
		color: #e7323b;
	}

	#header {
		height: 185px;

		#header-content {
			width: 960px;
			margin: 0px auto;
			text-align: center;

			#logo {
				display: inline-block;
				vertical-align: top;
				cursor: pointer;
				margin-top: 34px;
			}

			#header-dish {
				width: 327px;
				height: 157px;
				display: inline-block;
				vertical-align: top;
				margin-top: 16px;
				margin-left: 47px;
				margin-right: 32px;
				position: relative;

				img {
					position: absolute;
					left: 0px;
					top: 0px;
				}
			}

			#header-contacts {
				position: relative;
				display: inline-block;
				vertical-align: top;
				text-align: right;
				margin-top: 35px;

				#phone-icon {
					position: absolute;
					left: 0px;
					top: 0px;
				}

				#phone-number {
					margin-left: 45px;
				}

				#phone-desc {
					margin-top: 5px;
				}

				#search-field {
					background: #0a0a0a url(../../images/layout/search.png) 16px center no-repeat;
					border: 1px solid #201f1f;
					border-radius: 15px;
					padding: 9px;
					padding-left: 43px;
					color: white;
					width: 261px - 51px;
					margin-top: 10px;
				}

			}
		}
	}

	#menu-wrapper-outer {
		height: 143px;
	}

	#menu {
		position: relative;
		top: -40px;

		#menu-bg {
			width: 100%;
			height: 177px;
			background: url(../../images/layout/menubg.png) center center repeat-x;
			z-index: 99999;

			#menu-wrapper {
				width: 960px;
				margin: 0px auto;
				padding-top: 50px;

				#menu-items {
					li {

						margin: 0px 23px;

						&:first-child {
							margin-left: 0px;
						}

						&:last-child {
							margin-right: 0px;
						}

						a {
							text-decoration: none;
						}

						display: inline-block;
						vertical-align: top;

						.menu-item-image {
							height: 40px;
						}

						.menu-item-text {
							font-size: 21px;
							text-transform: lowercase;
						}

						&#main-menu-item {
							.menu-item-image {
								background: url(../../images/layout/menu-item-main.png) center -45px no-repeat;
							}

							&:hover {
								.menu-item-image {
									background: url(../../images/layout/menu-item-main.png) center top no-repeat;
								}
							}
						}

						&#cafe-menu-item {
							.menu-item-image {
								background: url(../../images/layout/menu-item-cafe.png) center -45px no-repeat;
							}

							&:hover {
								.menu-item-image {
									background: url(../../images/layout/menu-item-cafe.png) center top no-repeat;
								}
							}
						}

						&#dishes-menu-item {
							.menu-item-image {
								background: url(../../images/layout/menu-item-video.png) center -42px no-repeat;
							}

							&:hover {
								.menu-item-image {
									background: url(../../images/layout/menu-item-video.png) center top no-repeat;
								}
							}
						}

						&#delivery-menu-item {
							.menu-item-image {
								background: url(../../images/layout/menu-item-delivery.png) center -45px no-repeat;
							}

							&:hover {
								.menu-item-image {
									background: url(../../images/layout/menu-item-delivery.png) center top no-repeat;
								}
							}
						}

						&#contacts-menu-item {
							.menu-item-image {
								background: url(../../images/layout/menu-item-contacts.png) center -45px no-repeat;
							}

							&:hover {
								.menu-item-image {
									background: url(../../images/layout/menu-item-contacts.png) center top no-repeat;
								}
							}
						}

						&:hover {
							.menu-item-text {
								color: #e7323b;
							}							
						}
					}
				}

				#checkout {
					float: right;
					text-align: center;

					#current-order {
						font-size: 16px;
						font-weight: bolder;

						#total-sum {
							color: #e7323b;
						}						
					}

					#checkout-button {
						margin-top: 10px;
						cursor: pointer;
						width: 203px;
						height: 46px;
						background: url(../../images/layout/menu-item-checkout.png) center top no-repeat;

						&:hover {
							background: url(../../images/layout/menu-item-checkout.png) center -47px no-repeat;
						}
					}
				}
			}
		}
	}

	#footer {
		#footer-bg {
			height: 248px;
			position: relative;
			z-index: 2;
			background: url(../../images/layout/footer-bg.png) center center repeat-x;
			text-align: center;
			top:5px;
			
			#footer-logo {
				display: inline-block;
				vertical-align: top;
				margin-top: 90px;
				margin-right: 14px;
			}			

			#footer-contacts {
				display: inline-block;
				vertical-align: top;
				margin-top: 95px;
				text-align: right;
				margin-left: 14px;

				#footer-phone-number {
					margin-top: 10px;
				}

				#social {
					margin-top: 25px;
					line-height: 26px;

					#social-vk {
						display: inline-block;
						vertical-align: top;
						width: 26px;
						height: 26px;
						background: url(../../images/layout/social.png) left top no-repeat;

						&:hover {
							background: url(../../images/layout/social-active.png) left top no-repeat;	
						}
					}

					#social-ok {
						display: inline-block;
						vertical-align: top;
						width: 27px;
						height: 26px;
						background: url(../../images/layout/social.png) -27px top no-repeat;

						&:hover {
							background: url(../../images/layout/social-active.png) -27px top no-repeat;	
						}
					}

					#social-fb {
						display: inline-block;
						vertical-align: top;
						width: 27px;
						height: 26px;
						background: url(../../images/layout/social.png) -56px top no-repeat;

						&:hover {
							background: url(../../images/layout/social-active.png) -56px top no-repeat;	
						}
					}

					#social-mail {
						display: inline-block;
						vertical-align: top;
						width: 27px;
						height: 26px;
						background: url(../../images/layout/social.png) -83px top no-repeat;

						&:hover {
							background: url(../../images/layout/social-active.png) -83px top no-repeat;	
						}
					}

					#social-tw {
						display: inline-block;
						vertical-align: top;
						width: 27px;
						height: 26px;
						background: url(../../images/layout/social.png) -112px top no-repeat;

						&:hover {
							background: url(../../images/layout/social-active.png) -112px top no-repeat;	
						}
					}
				}
			}
		}

		#forged {
			position: relative;
			z-index: 1;
			height: 84px;
			background: url(../../images/layout/forged-wl.png) center center repeat-x;
			top: -5px;

				#forged-logo {
				  position: relative;
				  z-index: 1;
				  height: 84px;
				  background: url(../../images/layout/forged-logo.png) center center no-repeat;
				}
		}
	}

	#layout-content {
		min-height: 250px;
	}

	#scrollToTop {
		position: fixed;
		left: 25px;
		bottom: 25px;
		height: 98px;
		width: 55px;
		background: url(../../images/layout/up.png) left top no-repeat;
		z-index: 999;
		cursor: pointer;
		display: none;

		&:hover {
			background: url(../../images/layout/up.png) -55px top no-repeat;
		}
	}

	#overlay{
		position: fixed;
		left: 0px;
		top: 0px;
		background-color: black;
		opacity: 0.8;
		display: none;
		z-index: 99;
	}

	#success-dlg {
		position: fixed;
		left: 0px;
		top: 0px;
		width: 448px;
		height: 251px;
		background: url(../../images/layout/success.png) left top no-repeat;
		display: none;
		z-index: 100;
	}
}